import React,{ Component } from "react"
import {NavLink ,Route} from "react-router-dom"


import Home from "./index"
import Cation from "./cation"
import Designer from "./designer"
import Cart from "./cart"
import My from "./my"






class Index extends Component{
    render(){
		return(
           <div className="home">
                <div className="page">
                  <Route path="/"         component={Home} exact/>
                  <Route path="/cation"   component={Cation}/>
                  <Route path="/cart"     component={Cart}/>
                  <Route path="/designer" component={Designer}/>
                  <Route path="/my"       component={My}/>
                </div>
                
                <div className="footer">
                    <NavLink to="/" exact>
                        <i className="home-icon"></i>
                        首页
                    </NavLink>
                    <NavLink to="/cation">
                        <i className="cation-icon"></i>
                        分类
                    </NavLink>
                    <NavLink to="/designer">
                        <i className="designer-icon"></i>
                        设计师
                    </NavLink>
                    <NavLink to="/cart">
                        <i className="cart-icon"></i>
                        购物车
                    </NavLink>
                    <NavLink to="/my">
                        <i className="my-icon"></i>
                        我的
                    </NavLink>
                </div>  
           </div>
		)
	}
}

export default Index